*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:
linear-gradient(
135deg,
#071a2f,
#0d2b45,
#003566
);

min-height:100vh;

padding:40px 20px;
}

.author-container{

max-width:1200px;

margin:auto;
}

.author-card{

background:
rgba(255,255,255,.08);

backdrop-filter:blur(20px);

border:
1px solid rgba(255,255,255,.1);

border-radius:30px;

padding:40px;

text-align:center;

color:white;

margin-bottom:40px;
}

.author-photo{

width:130px;
height:130px;

border-radius:50%;

object-fit:cover;

border:4px solid #00ffd5;

margin-bottom:20px;
}

.username{

color:#94a3b8;

margin-top:10px;
}

.bio{

max-width:700px;

margin:20px auto;

line-height:1.8;
}

.social-links{

display:flex;

justify-content:center;

gap:20px;

margin-top:20px;
}

.social-links a{

width:50px;
height:50px;

display:flex;

align-items:center;
justify-content:center;

border-radius:50%;

background:
rgba(255,255,255,.1);

color:white;

font-size:20px;

text-decoration:none;
}

.section-title{

color:white;

margin-bottom:25px;
}

.blog-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(320px,1fr));

gap:25px;
}

.blog-card{

background:white;

border-radius:20px;

overflow:hidden;
}

.blog-card img{

width:100%;
height:220px;

object-fit:cover;
}

.blog-content{

padding:20px;
}

.blog-content h3{

margin-bottom:12px;
}

.blog-content p{

margin-bottom:15px;

color:#64748b;
}

.blog-content a{

text-decoration:none;

color:#0ea5e9;

font-weight:600;
}